﻿/* ------------Begin button--------*/
/*.tsButton
{
    
    background-image: -moz-linear-gradient(center bottom , #E1E6EC 0%, #FFFCFC 100%);
    border: 1px solid #BBBFC4;
    
    padding: 0 12px 3px;
    font: inherit;
    height:25px;
    cursor:pointer;   
    }
.tsButton:hover
{
    background-image: -moz-linear-gradient(center bottom ,#FFF9E5 0%, #FFE998 100%);
    border: 1px solid #DCBD4D;
    padding: 0 12px 3px;
    font: inherit;
    height:25px;
    cursor:pointer;
    }
    
    */
    /*border-radius:3px;*/
    
.tsButton
{
    background-image: -webkit-linear-gradient(top,#4D90FE,#4787ED);
    background-image: -moz-linear-gradient(top,#4D90FE,#4787ED);
    background-image: -ms-linear-gradient(top,#4D90FE,#4787ED);
    background-image: -o-linear-gradient(top,#4D90FE,#4787ED);
    background-image: linear-gradient(top,#4D90FE,#4787ED);    
}
    
.tsButton
{
    font-family: arial,sans-serif !important;
    background-color: #4D90FE;
    background-image: -moz-linear-gradient(center top , #4D90FE, #4787ED);
    border: 1px solid #3079ED;
    color: #FFFFFF !important;
    cursor:pointer !important;
    
    -moz-user-select: none;
    border-radius: 2px 2px 2px 2px;
    display: inline-block;
    font-weight: bold;
    line-height: 27px;
    height:27px;
    min-width: 54px;
    padding: 0 8px 3px !important;
    text-align: center;
    text-decoration: none !important;
    }    
    
.tsButton:hover
{
    background-color: #357AE8;
    background-image: -moz-linear-gradient(center top , #4D90FE, #357AE8);
    border-color: #2F5BB7;
        
    color: #FFFFFF !important;
    cursor:pointer !important;
    -moz-user-select: none;
    border-radius: 2px 2px 2px 2px;
    display: inline-block;
    font-weight: bold;
    line-height: 27px;
    height:27px;
    min-width: 54px;
    padding: 0 8px 3px !important;
    text-align: center;
    text-decoration: none !important;   
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    }
    
 .tsButton:focus
{
    background-color: #357AE8;
    background-image: -moz-linear-gradient(center top , #4D90FE, #357AE8);
    border-color: #2F5BB7;
        
    color: #FFFFFF !important;
    cursor:pointer !important;
    -moz-user-select: none;
    border-radius: 2px 2px 2px 2px;
    display: inline-block;
    font-weight: bold;
    line-height: 27px;
    height:27px;
    min-width: 54px;
    padding: 0 8px 3px !important;
    text-align: center;
    text-decoration: none !important;   
    box-shadow: 0 0 0 1px #FFFFFF inset, 0 1px 1px rgba(0, 0, 0, 0.1)
    }    
 /* ------------end button--------*/  



/* ------------Pager------------ */
div.modulepager
{
    clear: left;
}

.modulepager
{
    vertical-align: top;
    padding: 4px;
    font-size: 12px;
    overflow: hidden;
}

.SelectedPage
{
    margin: 0 2px 10px 0;
}
.SelectedPage, a.ModulePager, .PageInfo
{
    float: left;
    padding: 2px 6px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.SelectedPage, .modulepager a.ModulePager:hover
{
    background: #1680BC none;
    border: 1px solid #1680BC;
    color: white;
    -moz-box-shadow: 0 0 3px #1680BC;
    -webkit-box-shadow: 0 0 3px #1680BC;
    box-shadow: 0 0 3px #1680BC;
    text-decoration: none;
}

.modulepager a.ModulePager:hover
{
    color: #0061af;
    background: none;
}

a.ModulePager, .PageInfo
{
    margin: 0 3px;
    border: 1px solid #ace;
    color: #0061af;
    text-decoration: none;
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=white,endColorStr=#EFEFEF);
    background: -moz-linear-gradient(center top,white,#EFEFEF) repeat scroll 0 0 #F6F6F6;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0.35,white),color-stop(0.68,#EFEFEF));
}

a.ModulePager:hover
{
    border-color: #0061af;
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=white,endColorStr=#C7DFFF);
    background: -moz-linear-gradient(center top,white,#C7DFFF) repeat scroll 0 0 #F6F6F6;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0.35,white),color-stop(0.68,#C7DFFF));
}

.PageInfo
{
    border: 0;
    background: none;
    color: #0061af;
}





/* ------------Modal Popup------------ */
.modalBackground
{
    background-color: #707070;
    filter: alpha(opacity=0.35);
    opacity: 0.35;
}

.modalPanel
{
    background: none repeat scroll 0 0 padding-box #F5F7FA;
    background: #fff;
    font-size: 1em;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.8);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.8);
    /*--CSS3 Rounded Corners--*/
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    min-width: 400px;
    margin: 0;
    padding: 0;
}

.modalPanelHeader{height:28px; line-height:28px;padding-left:10px;border-top:1px solid #ffffff;border-bottom: 1px solid #A8AAB4;background-image: -moz-linear-gradient(center bottom ,#DBDCE5 0%, #C8C9D0 100%);
    /*
    margin: 0;
    padding: 5px;
    border-bottom: 1px solid #ccc;
    background: #ccc;
    height: 27px;
*/

    background-image: -webkit-linear-gradient(top,#DBDCE5,#C8C9D0);
    background-image: -moz-linear-gradient(top,#DBDCE5,#C8C9D0);
    background-image: -ms-linear-gradient(top,#DBDCE5,#C8C9D0);
    background-image: -o-linear-gradient(top,#DBDCE5,#C8C9D0);
    background-image: linear-gradient(top,#DBDCE5,#C8C9D0);    
    background-color: #F0F0F0;
    cursor:move;
}
.ContenPopup .error{margin: 10px;padding-left: 22px;color:Red;}
.ContenPopup .bottom{background-color: #EBECEF;border-top: 1px solid #ABACB9;height: 35px;padding: 10px 10px 0 0;}
.ContenPopupCommand{margin-left:150px;text-align:right;font-weight: bold;}
img.ContenPopup_close{float: right;margin-right: 10px;border:0;}
.modalPanelContent
{
    border: 1px solid #9DA0AA;border-radius: 5px 5px 5px 5px;background-color:White;margin: 15px 10px;padding: 5px 10px 15px;}
.modalPanelFooter
{
    padding:5px;
    margin: 0;
    border-top: 1px solid #ddd;
    background: #eee;
    height: 27px;
}



/* ------------Repeater------------ */
.AspNet-GridView {border: 1px solid #999999;border-collapse: collapse;font-family: Arial,Sans-Serif;font-size: small;table-layout: auto;}
.AspNet-GridView table {width: 100%;border-collapse: collapse;margin: 1px;font-size:13px;}
.AspNet-GridView table thead {
    border-bottom: 1px solid #999999;
        /*chorme and IE */
    background-image: -webkit-linear-gradient(bottom,#DCE1E7,#FFFCFC);
    background-image: -moz-linear-gradient(bottom,#DCE1E7,#FFFCFC);
    background-image: -ms-linear-gradient(bottom,#DCE1E7,#FFFCFC);
    background-image: -o-linear-gradient(bottom,#DCE1E7,#FFFCFC);
    background-image: linear-gradient(bottom,#DCE1E7,#FFFCFC);    
    background-color: #F8F8F8;
    
    background-image: -moz-linear-gradient(center bottom , #DCE1E7 0%, #FFFCFC 100%);
}
.AspNet-GridView table thead th {color: #333333;padding: 5px;text-align: left;}
.AspNet-GridView th, .AspNet-GridView td {border: 1px dashed #8E9EA4;padding: 2px;text-align: left;vertical-align: top;}
.AspNet-GridView table tbody tr td {background-color: #E4E4E4;border-right: 1px solid #999999;padding: 5px;}
.AspNet-GridView table tbody tr.AspNet-GridView-Alternate td {background-color: #FFFFFF;}